{extends file="layout.tpl"}
{block name="content"}
	<section>
		<div class="container">
			<div class="breadcrumbs">
				{$set_breadcrumb}
			</div>
			<div class="row">
				<div class="col-sm-3">
					<div class="left-sidebar">
						<h2>Danh mục</h2>
						<!--category-productsr-->
						{include 'box/box_categories.tpl'}
						<!--/category-productsr-->
						<div class="brands_products"><!--brands_products-->
							<h2>Cách nấu</h2>
							{include 'box/box_categories_style.tpl'}
						</div><!--/brands_products-->
						<div class="shipping text-center"><!--shipping-->
							<img src="{url}images/banner/shipping.jpg" alt="MonGiNgon.vn" />
						</div><!--/shiping-->
					</div>
				</div>
				<div class="col-sm-9 padding-right">
					<div class="features_items"><!--features_items-->
						<h2 class="title text-center">{$box_title}</h2>
						{if $data_dish|@count gt 0}
							{foreach $data_dish as $d => $dish}
								<div class="col-sm-4">
									<div class="product-image-wrapper">
										<div class="single-products">
											<div class="productinfo text-center">
												<a itemprop="url" href="{$dish.link}">
													<img src="{url}{$dish.image1}" alt="{$dish.title|truncate:70:"...":true}" itemprop="image"/>
													<h2 class="features_title" itemprop="name">{$dish.title}</h2>
													<p itemprop="recipeInstructions">{$dish.introtext|truncate:140:"...":true}</p>
												</a>
												<a href="{$dish.link}" class="btn btn-default add-to-cart"><i class="fa fa-hand-o-up"></i> Nấu ngay</a>
											</div>
											{if $dish.new}
											<img src="{url}images/icon/new.png" class="new" alt="new dish">
											{/if}
										</div>
										<div class="choose">
											<ul class="nav nav-pills nav-justified">
												<li>
													<a href="javascript:void(0)">
														<div class="rating">
															<i class="fa fa-star-o"></i>
															<i class="fa fa-star-o"></i>
															<i class="fa fa-star-o"></i>
															<i class="fa fa-star-o"></i>
															<i class="fa fa-star-o"></i>
														</div>
													</a>
												</li>
												<li><a href="javascript:void(0)" itemprop="interactionCount"><i class="fa fa-comment"></i> Bình luận</a></li>
											</ul>
										</div>
									</div>
								</div>
							{/foreach}
							<ul class="pagination">
								{$pagination}
							</ul>
						{else}
							<div class="alert alert-warning" role="alert">
								Hiện tại chưa có bài viết nào trong danh mục này <strong>{$box_title}</strong> !!! về
								<a href="{url}"> Trang chủ</a>
							</div>
						{/if}
					</div><!--features_items-->
				</div>
			</div>
		</div>
	</section>
{/block}